<script>
  import MyAside from "@/components/myAside.vue";
  import MyHeader from "@/components/myHeader.vue";
  export default {
    name:"myIndex",
    components: { MyAside,MyHeader},
    data(){
      return{

        aside_length:"200px",
        icon:'el-icon-s-fold'
      }
    },
    methods:{

    }



  }
</script>

<template>

  <el-container style="border: 1px solid #eee">
    <el-aside :width="aside_length" style=" height:100vh;background-color: rgb(238, 241, 246);margin-left: -3px">
      <MyAside></MyAside>
    </el-aside>
    <el-container style="height: 100%;">
      <el-header style="text-align: right; font-size: 12px;height: 70px ;border-bottom: rgba(168,168,168,0.3) 1px solid;">
        <Header  :icon="icon"></Header>
      </el-header>
      <el-main>
        <div>
          我是ppsadwawd
        </div>
      </el-main>

      <!--    <el-main style="height: 100%;">-->
      <!--      &lt;!&ndash; <Main></Main>&ndash;&gt;-->
      <!--      <router-view/>-->
      <!--    </el-main>-->
    </el-container>
  </el-container>


</template>

<style scoped lang="less">

</style>